Code inspector

Code Inspector is displayed in the Resources window. It lets you check and modify HTML code properties, events, styles and values.

The Code Inspector uses Meta tags defined in the Reference editor. If you want the Code Inspector to process new Meta tags, you will need to add them to the existing references in the Reference editor.

Inspecting a code

  1. Select the start tag for the code you want to inspect.
    The window now displays all of the properties, events and styles of the selected code.
    You can also select the ode for which you want to consult the properties in the dropdown list at the top of the Code Inspector window.

  2. Click on the tab corresponding to the type of information to modify:

Properties 

This tab contains all of the properties and their associated values. If a property is used by the selected code, its value is given in the second column.
For example, the page background color
<BODY>, the character size <FONT>.

Events 

This tab contains all of the events that can be executed. If an event is used by the selected code, its value is displayed in the second column.
For example, cursor actions.

Styles 

This tab contains all of the styles corresponding to a CSS rule. If a style is used, its value is given in the second column.

Modifying a code 

  1. To modify the value of a property, even or style, click on its name. The field corresponding to the second column is activated.

  2. In the corresponding field, define the desired value, according to the choices offered:

  inspecbteliste.gif

When the field is as such, you have two options:

  • Click on the button btn_boite.gif to open the dialog box corresponding to the function. This can be the dialog box for opening files, for the color palette, or yet still, an Edit Window for entering the necessary information.

  • Click on the button btn_liste.gif to open the list of choices corresponding to the active element.

As soon as a value is specified, you can see the new codes entered in the Edit Window.

  inspeccase.gif

When the field is as such, it represents an option box. This leaves you with only two options:

  • Check the box to activate the option;

  • Remove the check to disable the option.

Option boxes represent choices expressed as values:

True or False û Yes or No û Fixed or None 

As soon as a value is specified, you can see the new codes entered in the Edit Window.

  inspecincrement.gif

When the field is as such, this represents plus or minus increments, for example, to determine the size of a character or table.

  • Click on the arrows to increase or decrease the size.

As soon as a value is specified, you can see the new codes entered in the Edit Window.

  inspecliste.gif

When the field is as such, it represents a dropdown list that allows you to access the various values of the selected item.

  1. Click on the arrow to access the list.

  2. Click on the desired value.

As soon as a value is selected, you can see the new codes entered in the Edit Window.

  inspecvide.gif

When the field is a such, it means that text information must be added. For example, the item identification number (ID).

  • Enter the information directly in the appropriate field.

As soon as a value is specified, you can see the new codes entered in the Edit window.